草庐IT

gulp + mockjs模拟前端数据

全部标签

javascript - Gulp 复制 HTML 并粘贴到不同的文件

是否可以使用Gulp复制HTML的一部分(而不是整个文件)并将其注入(inject)到不同的文件中?我找到了类似https://www.npmjs.com/package/gulp-html-replace的包和https://www.npmjs.com/package/gulp-inject-string但他们实际上不能复制HTML。 最佳答案 从不建议使用正则表达式处理HTML,并且有很多反对意见(1、2、3)。处理HTML源代码的最流行和最可靠的方法是构建源代码的文档模型。JSDOM,是一个提供良好DOM构造API的node.

javascript - JS直接从视频流中获取图片作为数据url

我如何直接从视频捕获转到javascript中的数据url?我想将图像作为调整后的版本显示给用户,但保留完整尺寸的图像。那么,我该怎么做呢?varPhotoBooth={onMediaStream:function(stream){PhotoBooth.canvas=$('canvas')[0];PhotoBooth.context=PhotoBooth.canvas.getContext('2d');PhotoBooth.localVideo=$('video')[0];PhotoBooth.localVideo.src=window.URL.createObjectURL(stre

javascript - 第一次请求加载json数据并显示在首页

我是第一次使用Vue.js。我需要序列化django的对象views.pydefarticles(request):model=News.objects.all()#gettingNewsobjectslistmodelSerialize=serializers.serialize('json',News.objects.all())random_generator=random.randint(1,News.objects.count())context={'models':modelSerialize,'title':'Articles','num_of_objects':News

javascript - 如何在 JEST 中模拟 localStorage.setIem 和 localStorage.removeItem

当我尝试如下Jest模拟react组件的localStorage时,spyOn(window.localStorage,'removeItem');window.localStorage.removeItem("key1");window.localStorage.removeItem("key2");expect(window.localStorage.removeItem).toHaveBeenCalledWith("key1");expect(window.localStorage.removeItem).toHaveBeenCalledWith("key2");并使用以下代码进

javascript - vue.js 将数据从父单文件组件传递给子组件

使用单文件架构,我试图将数据(对象)从父组件传递给子组件:App.vueimportappHeaderfrom'./components/appHeader'import{content}from'./content/content.js'exportdefault{components:{appHeader},data:()=>{return{app_content:content}}}appHeader.vue{{app_content}}exportdefault{data:()=>{return{//nothing}},props:['app_content'],created

javascript - dataLayer.push() 在 anchor 上触发时肯定会向谷歌发送数据吗?

这似乎是一个简单的问题,但在我能找到的任何地方似乎都没有答案。我正在编写一个onClick事件处理程序,它会在单击anchor时简单地调用dataLayer.push()。dataLayer.push()是同步操作吗?GET请求是否一定会发送到google,即使浏览器由于链接被跟踪而卸载了请求它的页面?有些浏览器显示连接被取消,有些显示连接成功。我的问题是如果电脑很慢,是否有可能在发送请求之前页面就被卸载了?这就是为什么我假设谷歌在点击链接后开始使用eventCallback属性来重定向用户。例如https://developers.google.com/tag-manager/enh

javascript - 在 vuex 中分离数据

我需要在我的vuex-store中存储不同的实体。例如公司、员工和工作场所......这些实体通过ID数组连接。Company.employees是一组UserIdsEmployee.workplaces是工作场所ID的列表...我用我知道的两种方式实现了它:作为一家非常大的商店每个实体都有商店模块第一种方法很简单,但很快就会变得非常臃肿。第二种方法非常干净,但是当我需要来自2个商店的数据来实现getter时,数据处理很困难(例如:getWorkplacesByCompany)存储此类数据的首选方式是什么? 最佳答案 模块化肯定更好

javascript - 如何在 Vue Js 中将数据值从一个组件更改为另一个组件?

我是VueJs的新手。因此,我面临着从另一个组件更改数据值的问题。我有一个组件A:SomethingimportBfrom'../components/B.vue';exportdefault{components:{B},methods:{test:function(){B.data().myData=124B.data().isActive=trueconsole.log(B.data().myData);console.log(B.data().isActive);}}}组件B:exportdefault{data(){return{myData:123,isActive:fal

javascript - Fetch API 在 React Native 中返回旧数据

描述:我正在制作一个reactnative应用程序,其中我有一个我关注的github用户列表,我想实现取消关注和刷新列表的功能。我制作了两个异步助手来与githubAPI交互,一个用于取消关注用户(通过PUT),另一个用于获取关注列表(通过GET)。我还在以下组件列表中添加了一个firebase监听器。每个关注都会将我导航到一个由取消关注按钮组成的个人资料View。当我单击一个按钮时,它应该取消关注用户,更新组件中的关注者列表,然后导航回关注者列表组件。问题取消关注用户按预期工作,但关注ListView仍包含旧列表。我的代码返回旧数据,即使githubapi返回新的更新数据,所以我怀疑

javascript - gulp typescript 时出现 TypeError

执行Typescript转译时出现以下错误:TypeError:file.isSymbolicisnotafunctionatDestroyableTransform.normalize[as_transform](D:\project\node_modules\vinyl-fs\lib\dest\prepare.js:31:15)atDestroyableTransform.Transform._read(D:\project\node_modules\vinyl-fs\node_modules\readable-stream\lib\_stream_transform.js:182